/*全局样式*/
*{margin:0;padding:0;}
body{background:#fff; font-family:Arial,'Microsoft YaHei',SimHei,SimSun; font-size:14px; overflow-x:hidden; line-height:24px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none;}
.img-none{display:none !important;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; width:100%;  height: 100%;display: block;	margin:auto;padding:auto;}

.wrap{max-width:1200px !important; margin:0 auto;}
header{width:100%; float:left;}
main{width:100%; float:left;}
footer{width:100%; float:left;}
/*End*/

/*头部*/
.topbox{width:100%; float:left; height:39px; line-height:38px; border-bottom:1px solid #e8e8e8; background: -webkit-linear-gradient(#fefefe, #f0f0f0); background: -o-linear-gradient(#fefefe, #f0f0f0); background: -moz-linear-gradient(#fefefe, #f0f0f0); background: linear-gradient(#fefefe, #f0f0f0);}
.topbox img{float:left;height:auto; max-width:100%;}
.top_L{float:left; color:#333; display:flex; align-items:center;}
.top_L img{margin-right:10px;}
.top_R{float:right; height:38px; display:flex; align-items:center;}
.top_R a{float:left; margin-right:20px;}

.header{width:100%; float:left; background:#fff; padding:5px 0;}
.logo{float:left; margin-top:20px;}
.logo img{float:left; width:100%; }
.header_R{float:right;}
.header_dianhua{float:left; height:68px; line-height:34px; font-size:24px; color:#ff0000; background:url(img/header_dianhua.png) no-repeat left center; padding-left:52px;}
.header_dianhuas{float:left; text-align:right; height:68px; line-height:34px; font-size:24px; color:#333333; margin-left:20px;}
.header_dianhuas span{color:#ff0004;}

/*导航*/
nav{width:100%; float:left; background: -webkit-linear-gradient(#85dc0d, #21b012); background: -o-linear-gradient(#85dc0d, #21b012); background: -moz-linear-gradient(#85dc0d, #21b012); background: linear-gradient(#85dc0d, #21b012); position:relative; left:0; top:0; z-index:99999999;}
nav ul{width:100%; float:left; background:url(img/shutiao.png) no-repeat left center; padding-left:1px;}
nav ul li{width:12.5%; float:left; background:url(img/shutiao.png) no-repeat right center; padding-right:1px;}
nav ul li>a{display:block; overflow:hidden; height:45px; line-height:45px; text-align:center; font-size:15px; color:#fff; transition:all 0.4s; position:relative;}
nav ul li>a::before{content:"";width:0; float:left; height:0; border-bottom:4px solid #27b312; border-left:3px solid transparent; border-right:3px solid transparent; position:absolute;left:50%; bottom:-100%; margin-left:-3px; transition:all 0.4s;}
nav ul li>a::after{content:""; width:100%; height:3px; float:left; background:#27b312; position:absolute; left:0; bottom:-100%; transition:all 0.4s;}
nav ul li:hover>a{background:#fff; color:#333; font-weight:bold;}
nav ul li:hover>a::before{bottom:3px;}
nav ul li:hover>a::after{bottom:0;}
/*END*/

/*banner图*/
.banner{width:100%; float:left; position:relative;}
.banner .banner-imgbox{width:100%; float:left;}
.banner .banner-imgbox .swiper-slide{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .banner-imgbox .swiper-slide .banner_img_top{padding-top:31.25%;}
.banner .banner-imgbox .swiper-slide img{width:100%; height:auto; display:block;}
.banner .swiper-pagination {position: absolute; right:0; bottom:15px;}
.banner .swiper-pagination-bullet {width:14px; height:14px; -webkit-linear-gradient(#85dc0d, #21b012); background: -o-linear-gradient(#85dc0d, #21b012); background: -moz-linear-gradient(#85dc0d, #21b012); background: linear-gradient(#85dc0d, #21b012); opacity:1; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#27b312;}
.banner .next{right:2%; position:absolute;top:50%; margin-top:-26px; width:32px; height:52px; background:url(img/next.jpg) no-repeat center center; overflow:hidden; opacity:0;  cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner .prev{left:2%; position:absolute;top:50%; margin-top:-26px; width:32px; height:52px; background:url(img/prev.jpg) no-repeat center center; overflow:hidden; opacity:0; cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner:hover .next{opacity:1;}
.banner:hover .prev{opacity:1;}
/*END*/

.picbox{width:100%;float:left; border-bottom:1px dotted #d4d4d4; border-top:1px dotted #d4d4d4; padding:14px 0;}
.pic_R{width:350px; float:right;}
.pic_inp1{width:calc(100% - 54px); float:left; height:32px; line-height:30px; border:1px solid #c9c9c9; border-radius:5px 0 0 5px; border-right:none; background:url(img/ss_btn.png) no-repeat 12px center; padding:0 10px 0 30px;}
.pic_btn{width:54px; float:left; height:32px; background:#21b012;border-radius:0 5px 5px 0; color:#fff;}
.pic_L{float:left; line-height:32px;}
.pic_p{float:left; font-size:18px; color:#333; font-weight:bold; letter-spacing:5px;}
.pic_txt{display:block; overflow:hidden; font-size:12px; color:#666;}
.pic_txt a{font-size:14px; color:#666; margin:0 20px;}
.pic_txt a:hover{color:#21b012; text-decoration:underline !important;}

.on{background:#21b012 !important; color:#fff !important; padding:0 50px !important;}
.cpzx{width:100%; overflow:hidden; padding:60px 0;}
.cpzx_L{width:280px; float:left;}
.about{width:100%;float:left;}
.about_title{display:block; overflow:hidden; background:#27b312; position:relative; text-align:center; padding:34px 0;}
.about_title::before{content:""; width:calc(100% - 4px); float:left; height:calc(100% - 4px); position:absolute; left:2px; top:2px; border:1px solid #fff; opacity:0.5;}
.about_p{display:block; overflow:hidden; line-height:36px; font-size:30px; color:#fff; font-weight:bold;}
.about_sp{display:block; overflow:hidden; line-height:16px; font-size:12px; color:#fff; text-transform:uppercase;}
.about_ulB{display:block; overflow:hidden; border:1px solid #bdbdbd; padding:1px;}
.about_ul{display:block; overflow:hidden; border:1px solid #dedede; border-bottom:none;}
.about_ul li{display:block; overflow:hidden; border-bottom:1px solid #dedede;}
.about_ul li a{display:block; overflow:hidden; padding:0 30px; position:relative; font-size:16px; color:#333333; transition:all 0.4s;}
.about_ul li a span{width:100%; float:left; height:56px; line-height:56px; overflow:hidden;  position:relative;padding-left:22px; text-overflow:ellipsis; white-space: nowrap;}
.about_ul li a span::before{content:""; width:10px; float:left; height:5px; background:#27b312;  position:absolute; left:0; top:50%; transform: translateY(-50%);}
.about_ul li a:hover{background:#21b012; color:#fff; padding:0 50px;}
.about_ul li a:hover span::before{background:#fff;}
.about_more{display:block; overflow:hidden; border:1px solid #dedede; border-top:none;}
.about_more a{display:flex; overflow:hidden; height:68px; align-items:center; padding:0 55px; font-size:16px; color:#333333; transition:all 0.4s;}
.about_more a span{margin-left:20px; color:#21b012; display:flex; align-items:center;}
.about_more a:hover{background:#21b012; color:#fff;}
.about_more a:hover span{color:#fff;}

.about_BB{ display:block; overflow:hidden; margin-top:10px; border:1px solid #bdbdbd; padding:1px;}
.about_B{ display:block; overflow:hidden; border:1px solid #eaeaea; padding:10px;}
.about_dianhua{display:block; overflow:hidden; background:url(img/about_img.jpg) no-repeat center center; background-size:cover; padding:0 15px; color:#ff1100; font-weight:bold;}
.about_dianhua_p{display:block; height:70px; line-height:70px; overflow:hidden; font-size:48px;}
.about_dianhua_sp{display:block; overflow:hidden; line-height:32px; font-size:20px;}
.about_M{display:block; overflow:hidden; margin-top:10px;}
.about_M a{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; background:#21b012; font-size:18px; color:#baf40b; transition:all 0.4s;}
.about_M a:hover{color:#fff;}

.cpzx_R{width:895px; float:right;}
.cpzx_title{width:100%; float:left; height:56px; line-height:52px; border-bottom:1px solid #ddd;}
.cpzx_p{float:left; height:56px; line-height:52px; border-bottom:4px solid #27b312; font-size:18px; color:#333;}
.cpzx_more{float:right;}
.cpzx_more a{color:#666;}
.cpzx_more a:hover{color:#27b312; text-decoration:underline !important;}
.cpzx_contect{width:100%; float:left; padding-top:20px;}
.cpzx_ul{display:block; overflow:hidden; width:904px;}
.cpzx_ul li{width:216px; float:left; margin:0 10px 15px 0;}
.cpzx_ul li .cpzx_img{width:100%; overflow:hidden; border:1px solid #b0b0b0; position:relative; transition:all 0.4s;}
.cpzx_ul li .cpzx_img::before{content:""; display:block; padding-top:92.9907%;}
.cpzx_ul li .cpzx_img img{transition:all 1s;}
.cpzx_ul li .cpzx_txt{display:block; height:40px; line-height:40px; text-align:center; background:#fff; overflow:hidden; font-size:18px; color:#333; transition:all 0.4s;}
.cpzx_ul li:hover .cpzx_img{border-color:#21b012;}
.cpzx_ul li:hover .cpzx_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cpzx_ul li:hover .cpzx_txt{background:#21b012; color:#fff;}

.gsjj{width:100%; float:left; background:url(img/gsjj_bj.jpg) no-repeat center top; background-size:1920px 500px; padding:80px 0 50px 0;}
.gsjj_L{width:514px; float:left; background:#f2f2f2; padding:70px 50px; position:relative;}
.gsjj_L::before{content:""; width:146px; float:left; height:100%; background:#f2f2f2; position:absolute; left:100%; top:0;}
.gsjj_title{display:block; overflow:hidden; font-size:30px;}
.gsjj_p{display:block; overflow:hidden; line-height:48px; color:#333; font-weight:bold;}
.gsjj_heng{display:block; overflow:hidden; height:1px; background:#ddd;}
.gsjj_sp{display:block; overflow:hidden; line-height:40px;  font-family:SimSun; color:#bbbbbb; text-transform:uppercase;}
.gsjj_txt{display:block; overflow:hidden; font-size:14px; color:#333333; line-height:24px; height:264px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:11; -webkit-box-orient: vertical; margin-top:10px;}
.gsjj_more{float:right; padding-top:20px;}
.gsjj_more a{width:90px; display:block; height:30px; line-height:30px; background:#21b012; color:#fff; text-align:center; transition:all 0.4s; text-transform:uppercase;}
.gsjj_more a span{width:30px; float:right; height:30px; background:#baf40b; transition:all 0.4s;}
.gsjj_more a:hover{background:#baf40b;}
.gsjj_more a:hover span{background:#21b012;}
.gsjj_R{display:block; overflow:hidden;position:relative; z-index:9; padding-top:80px;}
.gsjj_R img{display:block; max-width:100%; height:auto; background:#fff; padding:70px 30px 70px 50px;}

.hz{width:100%; float:left; padding:45px 0;}
.hz_title{display:block; overflow:hidden; text-align:center; padding-bottom:8px; background:url(img/hz_title.png) no-repeat center bottom;}
.hz_p{display:block; overflow:hidden; line-height:44px; font-size:36px; color:#000; font-weight:bold;}
.hz_sp{display:block; overflow:hidden; line-height:20px; font-family:Roboto; font-size:14px; color:#9b9b9b; text-transform:uppercase;}
.hz_contect{display:block; padding-top:65px; position:relative;}
.hz_contect::before{content:""; width:100%; float:left; /*height:66px;*/ background:#fff; position:absolute; left:0; bottom:-111px;}
.hz-imgbox .swiper-slide{ border:1px solid #ccc;}
.hz-imgbox .swiper-slide a{width:100%; float:left; position:relative; overflow:hidden;}
.hz-imgbox .swiper-slide a::before{content:""; display:block; padding-top:63.3028%;}
.hz-imgbox .swiper-slide a img{transition:all 1s;}
.hz-imgbox .swiper-slide:hover a img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.lxwm{width:100%; overflow:hidden; background:url(img/lxwm_bj.jpg) no-repeat center center; background-size:cover; padding:115px 0 70px 0;}
.lxwm_title{display:block; overflow:hidden; text-align:center;}
.lxwm_p{display:block; overflow:hidden; padding-bottom:46px; background:url(img/lxwm_title.png) no-repeat center bottom; font-family:'Microsoft YaHei Light'; line-height:78px; font-size:60px; color:#fff;}
.lxwm_sp{display:block; overflow:hidden; padding-top:20px; text-align:center; line-height:24px; font-size:16px; color:#fff;}
.lxwm_ul{display:flex; overflow:hidden;justify-content:space-between; padding-top:70px;}
.lxwm_ul li{width:360px; float:left; border:1px dotted #fff; border-radius:10px; padding:5px;}
.lxwm_ul li .lxwm_B{width:100%; float:left; border:2px dotted #fff; border-radius:10px;}
.lxwm_ul li .lxwm_B .lxwm_T{display:block; max-width:200px; height:44px; line-height:44px; text-align:center; background:#fff; border-radius:22px; margin:-26px auto 0 auto; font-size:18px; color:#065700; font-weight:bold;}
.lxwm_ul li .lxwm_B .lxwm_txt{display:block; overflow:hidden; font-size:12px; color:#fff; line-height:18px; height:72px; margin:15px 0 10px 0; padding:0 20px; text-align:center; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}

footer{border-top:10px solid #27b312;}
.link{display:block; overflow:hidden; line-height:24px; font-size:14px; color:#333; padding:22px 0; border-bottom:2px solid #474747;}
.link_p{float:left;}
.link_txt{display:block; overflow:hidden;}
.link_txt a{color:#333; margin:0 10px;}
.link_txt a:hover{color:#21b012; text-decoration:underline !important;}

.footer{display:block; overflow:hidden; padding:15px 0; display:flex; justify-content:space-between;}
.footer_L{float:left; display:flex; align-items:stretch; flex-wrap:wrap;}
.footer_nav{display:block; overflow:hidden; line-height:20px; font-size:20px; color:#bdbdbd;}
.footer_nav a{font-size:16px; color:#333; font-weight:bold; margin:0 15px;}
.footer_nav a:hover{color:#21b012; text-decoration:underline !important;}
.footer_txt{display:block; overflow:hidden; font-size:16px; color:#333; line-height:24px;}
.footer_R{float:right; display:flex;}
.footer_wx{width:120px; float:left; margin-right:20px;}
.footer_wx img{width:100%;   display:block; margin:0 auto;}
.footer_wx span{display:block; overflow:hidden; line-height:22px; text-align:center; font-size:12px; color:#333;}
.footer_dianhua{width:185px; float:right; display:flex; align-items:stretch; flex-wrap:wrap; font-size:12px; color:#333; line-height:24px;}
.footer_dianhua span{width:100%; float:left;}
.footer_dianhua span:first-child{font-size:18px;}
.footer_dianhua span:nth-child(2){font-size:14px; color:#c00b0b; line-height:24px; font-weight:bold;}

/*公司简介*/
.main{width:100%; overflow:hidden; padding:60px 0;}
.main::after{content:""; width:100%; float:left; height:50px; background:url(img/main_bj.jpg) no-repeat center center;}
.main_left{width:280px; float:left;}
.main_right{width:860px; float:right;}
.dqwz_title{width:100%; float:left; height:60px; background:url(img/dqwz_title.jpg) no-repeat left center;}
.dqwz_L{float:left; position:relative;}
.dqwz_p{float:left; height:52px; line-height:70px; font-family:'Arno Pro'; font-size:60px; text-transform:uppercase; color:#333; opacity:0.2;}
.dqwz_sp{float:left; position:absolute; left:0; bottom:0; height:20px; line-height:20px; background:#eee; padding:0 50px; font-size:16px; color:#333;}

.dqwz_nav{float:right; line-height:60px;font-size:12px; color:#666; padding-right:15px;}
.dqwz_nav span{color:#21b012;}
.dqwz_contect{width:100%; float:left; padding-top:30px;}
.company{display:block; overflow:hidden; font-size:14px; color:#333; line-height:24px;}
.company img{display:block; max-width:100%; height:auto;}
/*End*/

/*产品*/
.cpzx_ul1{display:block; overflow:hidden; width:877px;}
.cpzx_ul1 li{width:275px; float:left; margin:0 17px 10px 0;}
.cpzx_ul1 li .cpzx_img{width:100%; overflow:hidden; border:1px solid #b0b0b0; position:relative; transition:all 0.4s;}
.cpzx_ul1 li .cpzx_img::before{content:""; display:block; padding-top:77.2894%;}
.cpzx_ul1 li .cpzx_img img{transition:all 1s; max-width:100%; width:auto}
.cpzx_ul1 li .cpzx_txt{display:block; height:40px; line-height:40px; text-align:center; background:#fff; overflow:hidden; font-size:18px; color:#333; transition:all 0.4s;}
.cpzx_ul1 li:hover .cpzx_img{border-color:#21b012;}
.cpzx_ul1 li:hover .cpzx_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cpzx_ul1 li:hover .cpzx_txt{background:#21b012; color:#fff;}

.cpzx_bottom{display:flex; overflow:hidden; align-items:center; align-content:center; justify-content:center; flex-wrap:wrap; padding-top:20px;}
.cpzx_bottom a{float:left; width:34px; height:30px; display:flex; align-content:center; align-items:center; justify-content:center; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; font-family:SimSun; font-size:12px; color:#27b312;}
.cpzx_bottom a:first-child{border-radius:5px 0 0 5px;}
.cpzx_bottom a:last-child{border-radius:0 5px 5px 0; border-right:1px solid #dcdcdc;}
.cpzx_bottom a:hover{background:#27b312; color:#fff;}
.cpzx_bottom a.actived{background:#27b312; color:#fff;}

.cpxq{display:block; overflow:hidden;}
.cpxq_img{display:block; overflow:hidden;}
.cpxq_img img{display:block; max-width:100%; height:auto;}
.cpxq_T{display:block; overflow:hidden; font-size:18px; color:#333; font-weight:bold; line-height:32px;}
.cpxq_txt{display:block; overflow:hidden; font-size:12px; color:#333; line-height:18px; padding-top:10px;}
/*End*/

/*新闻*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden;}
.xw_ul li a{display:flex; overflow:hidden; border:1px solid #fff; border-bottom:1px solid #e5e5e5; padding:10px 0; transition:all 0.4s;}
.xw_ul li a .xw_B{width:0; float:left; transition:all 0.4s; margin-right:15px;}
.xw_ul li a .xw_B .xw_img{width:100%; height:100%; overflow:hidden; transition:all 0.4s;}
.xw_ul li a .xw_txt{display:flex; align-content:center; align-items:center; flex-wrap:wrap; overflow:hidden; transition:all 0.4s;}
.xw_ul li a .xw_txt .xw_p{width:100%; overflow:hidden; height:30px; line-height:30px; background:url(img/xw_logo.jpg) no-repeat 6px center; padding-left:20px; font-size:14px; color:#666666;text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li a .xw_txt .xw_p span{color:#999999; padding-left:20px;}
.xw_ul li a .xw_txt .xw_sp{width:100%; overflow:hidden; height:0; line-height:18px; font-size:14px; color:#666666; transition:all 0.4s;text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li a:hover{padding:10px; border:1px solid #e5e5e5;}
.xw_ul li a:hover .xw_B{width:70px; border:1px solid #dcdcdc;}
.xw_ul li a:hover .xw_txt{padding:5px 0;}
.xw_ul li a:hover .xw_txt .xw_p{padding:0; background:none; height:18px; line-height:18px; color:#333;}
.xw_ul li a:hover .xw_txt .xw_sp{height:18px;}

.xwxq{display:block; overflow:hidden;}
.xwxq_T{display:block; overflow:hidden; font-size:24px; color:#333333; line-height:36px;}
.xwxq_sp{display:block; overflow:hidden; font-size:12px; color:#999999; line-height:26px;}
.xwxq_img{display:block; overflow:hidden; padding:15px 0;}
.xwxq_img img{display:block; max-width:100%; height:auto;}
.xwxq_txt{display:block; overflow:hidden; font-size:14px; color:#666666; line-height:26px;}
.xwxq_txt img{max-width:100%; height:auto;}
/*End*/

/*合作伙伴*/
.coop_ul{display:block; overflow:hidden;}
.coop_ul li{width:30%; float:left; margin:0 0.5% 10px 0.5%;}
.coop_ul li a{display:block; overflow:hidden; position:relative; border:1px solid #ccc;}
.coop_ul li a::before{content:""; display:block; padding-top:63.3028%;}
.coop_ul li a img{transition:all 1s;}
.coop_ul li:hover a{border-color:#27b312;}
.coop_ul li:hover a img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
/*End*/

/*联系我们*/
.contact{display:block; overflow:hidden;}
.contact_txt{display:block; overflow:hidden; font-size:16px; line-height:30px; color:#333;}
.contact_map{display:block; overflow:hidden; margin-top:20px;}
#dituContentmap{width:100%; overflow:hidden; height:300px;}
.iw_poi_title {color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap;}
.iw_poi_content {font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word;}
/*End*/

@media (max-width:1220px) {
/*头部*/
.topbox{padding:0 1%;}
.header {padding:13px 1%;}
nav{padding:0 1%;}
/*End*/

.picbox {padding:14px 1%;}
.cpzx {padding:60px 1%;}
.cpzx_L {width:25%;}
.cpzx_R {width:73%;}
.cpzx_ul {width:100%;}
.cpzx_ul li {width:24%; margin: 0 0.5% 15px 0.5%;}

.gsjj {padding:80px 1% 50px 1%;}
.hz {padding:45px 1%;}
.lxwm {padding:115px 1% 70px 1%;}
.lxwm_ul li {width:32%;}
footer {padding:0 1%;}
.footer_nav a {margin: 0 13px;}

/*公司简介*/
.main{padding:50px 1%;}
.main_left{width:25%;}
.main_right{width:73%;}
.dqwz_p {font-size: 50px;}
/*End*/

/*产品*/
.cpzx_ul1{width:100%;}
.cpzx_ul1 li{width:31.33%;  margin:0 1% 10px 1%;}
/*End*/

}

@media (max-width:991px){
/*手机头部+导航*/
.header {padding:0;}
.icon-menu{float:right; cursor:pointer; width:30px; height:20px; position:absolute;right:1%;top:50%; transform: translateY(-50%); z-index:9999999; background-size:100% 100%; display:flex; align-content:space-between; align-items:center; justify-content:center; flex-wrap:wrap;}
.icon-menu span{width:100%; height:3px; float:left; background:#27b312;}
.logo {width:100%; position:relative;padding:13px 1%;}
/*End*/

/*导航*/
nav{width:100%; position:relative; padding:0; z-index:99999999999;}
nav ul {display:none; width:150px; padding:2px; border-left:none; background:rgba(39, 179, 18, 0.8) none repeat scroll 0 0 !important; background-color:#27b312; position:absolute; right:1%; top:0;}
nav ul li {width:100%; background:none; padding:0; border-bottom:1px solid #fff; border-right:none;}
nav ul li a {color: #fff; padding:0; height:40px; line-height:40px;}
nav ul li a:hover{background-color:#fff; color:#27b312;}
/*END*/

/*banner*/
.banner .banner-imgbox .swiper-slide{background:none !important;}
/*End*/

.pic_R {width: 250px;}
.pic_txt a {margin: 0 10px;}
.cpzx {padding:30px 1%;}
.cpzx_L{width:34%;}
.cpzx_R{width:64%;}
.cpzx_ul li {width:32.33%; margin: 0 0.5% 15px 0.5%;}

.gsjj {padding:40px 1% 30px 1%;}
.gsjj_L {width:50%; padding:30px;}
.gsjj_R img {padding:20px;}

.hz {padding:30px 1%;}
.hz_contect {padding-top:40px;}
.hz_contect::before {height:40px; bottom: -70px;}

.lxwm {padding:55px 1% 30px 1%;}
.lxwm_ul {padding-top:40px;}
.footer_nav a {margin: 0 9px;}

/*公司简介*/
.main{padding:30px 1%;}
.main_left{width:34%;}
.main_right{width:64%;}
.dqwz_p {font-size:24px; line-height:65px;}
.dqwz_sp {font-size: 12px;padding: 0 30px;}
/*End*/

/*合作伙伴*/
.coop_ul li{width:24%;}
/*End*/

}

@media (max-width:767px){
/*手机头部+导航*/
.header{position:relative; left:0; top:0; z-index:99999;}
.logo{padding:10px; border-bottom: 2px solid #27b312; margin-top:0}
.logo img{width:70%; max-width:382px; max-height:68px;}
.icon-menu {right:10px;}


.header_R{padding: 10px; width: 100%; padding-left:4%;}
.header_dianhua {height:9vw; line-height:4.5vw; font-size: 3.5vw; color: #ff0000; background-size: auto 20px; padding-left: 25px;}
.header_dianhuas {float: left; height:9vw; line-height:4.5vw; font-size: 3.5vw; margin-left: 3vw;}

/*End*/

.picbox {padding:10px;}
.pic_R {width:100%;}
.pic_L {width:100%; line-height:22px; margin-top:10px;}
.pic_p {font-size:16px; letter-spacing:0;}
.pic_txt {overflow:initial; }
.pic_txt a {margin: 0 5px;}

.cpzx {padding:10px;}
.cpzx_L{width:100%;}
.about_title {height:50px; line-height:50px; background:url(img/sj_jiantou.png) no-repeat right center #27b312; padding:0; font-size:20px; text-align:left; text-indent:20px; color:#fff;}
.about_ulB{display:none;}
.about_ul li a {padding: 0 10px;}
.about_ul li a span {height:40px; line-height:40px;}
.about_ul li a:hover {padding:0 20px;}
.cpzx_R{width:100%;}
.cpzx_contect {padding-top:10px;}
.cpzx_ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
.cpzx_ul li {width:49%; margin:0;}

.gsjj {padding:10px; background-size:cover;}
.gsjj_L {width:100%; padding:10px;}
.gsjj_L::before{display:none;}
.gsjj_R {width:100%; float:left; padding-top:10px;}
.gsjj_R img {padding:10px;}

.hz {padding:10px;}
.hz_contect {padding-top:10px;}
.hz_contect::before {display:none;}

.lxwm {padding:10px;}
.lxwm_p {padding-bottom:36px; line-height:40px; font-size:30px;}
.lxwm_sp {padding-top:10px; line-height:22px; font-size:12px;}
.lxwm_ul {padding-top:0; flex-wrap:wrap;}
.lxwm_ul li{width:100%; margin-top:30px;}

footer{border-top:5px solid #27b312;}
.link {line-height:22px; font-size:12px; padding:10px;}
.link_p{font-weight:bold;}
.link_txt {overflow:initial;}
.footer {padding:10px;}
.footer_nav {font-size:12px;display: flex; flex-wrap: wrap; justify-content: center;}
.footer_nav a{font-size:14px; margin:0 5px;}

/*公司简介*/
.main{padding:10px;}
.main::after {height:10px;}
.main_left{width:100%;}
.main_right{width:100%;}
.dqwz_contect {padding-top:10px;}
/*End*/

/*产品*/
.cpzx_ul1{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cpzx_ul1 li{width:49%; margin:0;}
.cpzx_bottom a {width: 30px;}
/*End*/

/*新闻*/
.xw_ul li a{ padding:5px 0;}
.xw_ul li a .xw_B{margin-right:10px;}
.xw_ul li a:hover{padding:5px; border:1px solid #e5e5e5;}
.xw_ul li a:hover .xw_txt{width:calc(100% - 70px); float:left;}
.xwxq_T{font-size:18px; line-height:30px;}
.xwxq_sp{line-height:22px;}
/*End*/

/*合作伙伴*/
.coop_ul li{width:31.33%; margin:0 1% 5px 1%;}
/*End*/

}
/*手机底部*/
.hot{width:100%; height:58px; position:fixed; bottom:0; left:0; z-index:9999999999999; border-top:solid 2px #fff; background:#27b312;}
.hot span{ color:#fff; font-size:16px; line-height:20px; text-align:center !important;}
.hot h6{ font-size:12px; line-height:20px; text-align:center !important;}
.hot .row{margin:0 !important;}
.hot .row div{padding:0 !important;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row div:hover a{background:#baf40b;color:#333;}
.hot .row div:hover span{color:#333;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #baf40b;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
/*End*/
/*清除样式*/
.clear 
{
     clear:both;
     font-family:'微软雅黑';

}

/*分页css scott style pagination*/
div.scott
{
    padding:3px;margin:3px;text-align:center;

}
div.scott a
{
    border:#221616 1px solid;padding:2px 5px;color:#221616;margin:0 2px 0 0;text-decoration:none;

}
div.scott a:hover
{
    border:#221616 1px solid;color:white;background-color:#221616;

}
div.scott a:active
{
    border:#221616 1px solid;color:#611985;background-color:#221616;

}
div.scott span.current
{
    border:#221616 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#221616;

}
div.scott span.disabled
{
    border:#dfdfdf 1px solid;padding:2px 5px;color:#221616;margin:0 2px 0 0;

}

/*QQ*/
.dock {
    position: fixed;
    right: 0px;
    width: 50px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 200;
}

    .dock.close {
        z-index: 50;
    }

    .dock ul.icons {
        position: absolute;
        list-style: none;
        right: 0px;
        padding: 0px;
        width: 50px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
    }

    .dock.close ul.icons {
        right: -70px;
    }

    .dock ul.icons li i {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background: url(img/icons.png) no-repeat;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
        z-index: 210;
    }

    .dock ul.icons li.active i {
        -moz-opacity: 0.4;
        opacity: 0.4;
    }

    .dock ul.icons li.up i {
        background-position: -63px -150px;
    }

    .dock ul.icons li.tel i {
        background-position: -62px -108px;
    }

    .dock ul.icons li.im i {
        background-position: -63px -20px;
    }

    .dock ul.icons li.wechat i {
        background-position: -59px -66px;
    }

    .dock ul.icons li.down i {
        background-position: -63px -190px;
    }

    .dock ul.icons li p {
        display: block;
        position: absolute;
        top: 50px;
        right: -260px;
        padding: 15px 20px;
        height: 120px;
        color: White;
        line-height: 30px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .4s ease-in-out .1s;
        -moz-transition: all .4s ease-in-out .1s;
        -ms-transition: all .4s ease-in-out .1s;
        -o-transition: all .4s ease-in-out .1s;
        transition: all .4s ease-in-out .1s;
        overflow: hidden;
        z-index: 201;
    }

    .dock ul.icons li.active p {
        right: 50px;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dock ul.icons li.tel p {
        width: 200px;
        height: 130px;
        line-height: 33px
    }

    .dock ul.icons li.im p {
        width: 185px;
        height: 155px;
        line-height: 30px
    }

        .dock ul.icons li.im p a {
            display: block;
            margin-top: 12px;
            width: 100px;
            height: 35px;
            line-height: 32px;
            color: #00dfb9;
            font-size: 16px;
            text-align: center;
            text-decoration: none;
            border: 1px solid #00dfb9;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all .3s ease-in-out 0s;
            -moz-transition: all .3s ease-in-out 0s;
            -ms-transition: all .3s ease-in-out 0s;
            -o-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
        }

            .dock ul.icons li.im p a:hover {
                color: White;
                background: #0f8773;
                border: 1px solid #0f8773;
            }

    .dock ul.icons li.wechat p {
        width: 180px;
        height: 180px;
        line-height: 30px
    }

        .dock ul.icons li.wechat p img {
            border: 2px solid #000;
        }

    .dock a.switch {
        position: absolute;
        display: block;
        top: 270px;
        right: 11px;
        width: 26px;
        height: 26px;
        background: url(img/icons.png) no-repeat 0px -640px;
        cursor: pointer;
        -webkit-transition-delay: .15s;
        -moz-transition-delay: .15s;
        -ms-transition-delay: .15s;
        -o-transition-delay: .15s;
        transition-delay: .15s;
    }

        .dock a.switch.off {
            background-position: -32px -640px;
        }




	.about21title{ font-size:20px; font-weight:900; text-align:center; padding:10px 0;}
						.about21list{ overflow:auto; margin-top:30px; margin-bottom:30px;}
						.about21list ul li{ float:left; width:33.3%; text-align:left; font-size:17px; line-height:2;}
@media (max-width:767px){
.about21list ul li{   font-size:12px; line-height:2;}
}





.index_slip {
	position: relative;
	width: 100%;
	 
}
.index_slip img{width:100%}
.index_slip .tit {
	width: 5.6rem;
padding-top:.4rem;
margin-left:.4rem;
	font-size: 0.32rem;
	font-weight: bold;
	color: #fff;
line-height:.5rem;
}
.index_slip .slip_btn_bg {
	display: block;
	position: absolute;
bottom: .3rem;
right:.4rem;
	width: 3rem;
	background: #fff;
	padding: 1%;
	text-align: center;
	border-radius: 3px;
}
.index_slip .slip_btn {
	display: block;
	font-size: 0.26rem;
line-height:.56rem;
	color: #125d27;
	border: 1px solid #125d27;
	border-radius: 3px;
	margin: auto 1.5%;
}
.index_slip1 .tit {
	width: 5.6rem;
}


.ewm-box span {
    display: inline-block;
    padding: 0px 10px;;
    line-height: 1.6;
    background-color: #48a200;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}